<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="gb2312">
<title>Column 三栏布局</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="css/styles.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
	<header> <a href="" id="logo"><img src="images/logo.png"
		alt="" />
	<h1>Column</h1></a>
	<div id="wrap-menu">
		<ul id="header-menu">
			<li><a href="">网站首页</a></li>
			<li><a href="">个人博客</a></li>
			<li><a href="">友情链接</a></li>
		</ul>
	</div>
	</header>
	<div id="container" style="height: 500px;">
		<div class="banner">
			<img src="images/banner1.jpg" style="height: 400px;">
			<form method="post" action="login" style="width: 200px;height: 150px;background-color:rgba(255,255,255,0.4);margin-top: -300px;margin-left: 100px;position: absolute;z-index: 66;">
				<br/><br/><div style="margin-left: 10px;"><p style="float: left;color: black;">用户名&ensp;</p><input type="text" name="loginname" /></div>
				<br/><div style="margin-left: 10px;"><p style="float: left;color: black;">密&emsp;码&ensp;</p><input type="password" name="password" /></div>
				<br/><div style="margin-left: 80px;"><input type="submit" /></div>
			</form>
		</div>
	</div>
</body>
</html>